<template>
	<div class="fivePage">
		<div class="explain">
			<p class="exp_title">
				<span>微信售票机用途之五：景区联盟</span>
				<i></i>
			</p>
			<div class="explain_cont">
				<i><img src="../../assets/fiveuse/fansfive01.png"></i>
				<ul>
					<li>
						<p>一个旅游区的景区为了<font>共享客源</font>，设计联票产品投放在微信售票机上，实现<font>互为推广互为代理</font>的应用</p>
						 
						 
					</li>
					<li>
						<p>适用场景：大景区带小景区、不同类型景区互推、 </p>
						<p>景区加小交通等</p>
					</li>
				</ul>
			</div>
		</div>
		 <div class="analyze">
		 	<p class="exp_title">
				<span>景区联盟优势分析</span>
				<i></i>
			</p>
			<div class="analyze_cont">
				<ul>
					<li v-for="item in analyze_list">
						<i><img :src="item.IMG"></i>
						<p>{{item.title}}</p>
						<p>{{item.text}}</p>
					</li>
				</ul>
			</div>
		 </div>
		<Advance></Advance>
	</div>	
</template>

<script>

import Advance from '../../components/FiveUse/AdvanceOrder'
	export default{
		name:'fivePage',
		components:{
			Advance
		},
		data(){
			return{
				analyze_list:[
					{
						IMG:require('../../assets/fiveuse/fansfive02.png'),
						title:'客源共享',
						text:'游客有多去几个地方的潜在需求，在购票一刹那的优惠推荐很容易引起冲动消费......'
					},
					{
						IMG:require('../../assets/fiveuse/fansfive03.png'),
						title:'数据挖掘',
						text:'联票的销售数据，景区间可以不断的优化产品，提高营销效果'
					},
					 
				]
			}
		}
	}
</script>

<style scoped>
@media only screen and (min-width: 1000px){
	.fourPage{
		width: 100%;
		margin-top: 70px;
	 
	}
	.explain{
		width: 1000px;
		margin: 0 auto;
	}
	.exp_title{
		text-align: center;
	}
	.exp_title span{
		font-size:26px;
		color: #4d4845;
		display: block;
	}
	.exp_title i{
		display: inline-block;
		width: 50px;
		height: 2px;
		background-color: #4d4845;
	}
	.explain_cont{
		width: 100%;
		overflow:hidden;
		margin-top:40px;
		margin-bottom: 95px;
	}
	.explain_cont i{
		display: inline-block;
		width:430px;
		height: 430px;
		float: left;
	}
	.explain_cont i img{
		width: 100%;
	}

	.explain_cont ul{
		display: inline-block;
		width: 500px;
		float: left;
	}
	.explain_cont ul li{
		float: left;
		width: 100%;
		text-align: center;
		
	}
	.explain_cont ul li p{
		margin-bottom: 20px;
		line-height: 30px;
	}
	.explain_cont ul li:nth-child(1){
		font-size: 18px;
		color:#4d4845;
		margin-top: 70px;
		 

	}
	.explain_cont ul li:nth-child(1) font{
		font-size: 24px;

	}
	.explain_cont ul li:nth-child(1) p{
		padding:0 30px;
	}
	.explain_cont ul li:nth-child(2){
		font-size: 18px;
		color:#00ade6;
		margin-top: 40px;
		
	}

	.analyze{
		width: 100%;
	}
	.analyze .analyze_cont{
		width: 1000px;
		margin:0 auto;
	}
	.analyze .analyze_cont ul{
		margin-top: 50px;
		margin-bottom: 100px;
		overflow: hidden;
	}
	.analyze .analyze_cont li{
		width: 49.5%;
		display:inline-block;
		text-align: center;
		float: left;
	}
	.analyze .analyze_cont li i{
		width:100%;
		display: inline-block;
	}

	.analyze .analyze_cont li p{
		padding:0 140px;
		font-size: 14px;
		color: #666;
		margin-top: 20px;
		line-height: 25px;

	}
	.analyze .analyze_cont li p:nth-child(2){
		font-size: 18px;
		color: #4d4845;
	} 




}


</style>